<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>jQuery 选择器示例</title>
</head>
<body>
    <h1>jQuery 选择器示例</h1>
    <ul id="outer">
        <li class="first">
            基本选择器
            <ul>
                <li>$(tag)</li>
                <li>$(#id)</li>
                <li>$(.class)</li>
                <li>$(*)</li>
            </ul>
        </li>
        <li>
            组合选择器
            <ul>
                <li>$(selector1, selector2)</li>
                <li>$(selector1 selector2)</li>
                <li>$(selector1 > selector2)</li>
                <li>$(selector1 + selector2)</li>
            </ul>
        </li>
        <li>
            其他选择器
            <ul>
                <li class="first">$(selector:first-child)</li>
                <li title="最后子元素">$(selector:last-child)</li>
                <li>$(selector:eq(index))</li>
                <li title="属性选择器">$(attribute=value)</li>
            </ul>
        </li>
    </ul>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</body>
</html>

